<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京化能源</title>

    <style type="text/css">
        .caultrueDiv {
            height: 210px;
            margin-top: 10px;
            padding-right: 15px;
            padding-top: 15px;
            padding-left: 15px;
        }

        .caultrueDiv .top {
            width: 100%;
            height: 100px;
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .caultrueDiv .bottom {
            width: 100%;
            height: 20px;
            font-size: 18px;
            text-align: right;
        }

        .caultrueDiv .top img {
            width: 80px;
            height: 80px;
        }

        .caultrueDiv .top div {
            flex: 1;
            font-size: 30px;
            font-weight: bold;
            text-align: right;
        }
    </style>
</head>
<body>
<div class="jumbotron" style="margin-top: 20px;">
    <h1>公司简介</h1>
    <p>京化能源是国内一家大型成品油连锁销售企业，目前京化能源加油站的发展已在全国形成良好发展态势，其中唐山市，保定市，北京市，沧州市，赤峰市，秦皇岛市正带动着近百家京化能源加盟站以逐渐形成以点带面的宣传效果。
        公司自成立以来一直本着“选好油，加好油，为人民送好油”的服务宗旨，凭借“油品至上，服务第一”的发展理念，不断努力和创新，并且以专业的信息渠道服务，管理培训服务，资源共享服务。强强联合，结合中国民营加油站资源创造出独特的品牌加盟模式。
        服务之本，追求卓越，京化能源努力打造成一家：现代化，品质化，年轻化，时尚化的优秀加油站，期待您的光临！
    </p>
</div>
<div style="width: 100%; margin-top:50px; align-items: center;color: #106CBA; font-size: 30px;">
    <div style="margin: 0px auto; text-align: center;">企业文化</div>
    <hr style="height: 1px; width: 100px; background-color: #106CBA; margin: 0px auto;"/>
</div>

<div class="row" style="margin-top: 30px;">
    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="caultrueDiv" style="background-color: rgba(1,133,208,0.5); color: #085580;;">
            <div class="top">
                <img src="image/core_values.png">
                <div>核心价值观</div>
            </div>
            <div class="bottom">仁义，孝悌，诚信，爱岗</div>
        </div>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="caultrueDiv" style="background-color: rgba(227,83,46,0.5); color: #F03A0A;;">
            <div class="top">
                <img src="image/work_ethic.png">
                <div>工作宗旨</div>
            </div>
            <div class="bottom">做好人，加好油</div>
        </div>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="caultrueDiv" style="background-color: rgba(248,173,10,0.5); color: #8D6305;;">
            <div class="top">
                <img src="image/struggle_goal.png">
                <div>奋斗目标</div>
            </div>
            <div class="bottom">做有血有肉的企业，做有灵魂的人</div>
        </div>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="caultrueDiv" style="background-color: rgba(16,108,186,0.5); color: #054E8C;;">
            <div class="top">
                <img src="image/service_idea.png">
                <div>服务理念</div>
            </div>
            <div class="bottom">用心服务，创造用户感动</div>
        </div>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="caultrueDiv" style="background-color: rgba(2,165,229,0.5); color: #056E98;;">
            <div class="top">
                <img src="image/personel_concept.png">
                <div>用人理念</div>
            </div>
            <div class="bottom">重人品，看学历，拼能力</div>
        </div>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="caultrueDiv" style="background-color: rgba(234,138,26,0.5); color: #A55E0A;;">
            <div class="top">
                <img src="image/enterprise_spirit.png">
                <div>企业精神</div>
            </div>
            <div class="bottom">不服输，不言败，逢对手必亮剑</div>
        </div>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="caultrueDiv" style="background-color: rgba(76,217,100,0.5); color: #0DB229;;">
            <div class="top">
                <img src="image/good_leader_model.png">
                <div>好站长标准</div>
            </div>
            <div class="bottom">做别人不愿做的事</div>
            <div class="bottom">做别人做不了的事</div>
            <div class="bottom">做别人还没做的事</div>
            <div class="bottom">做别人做不好的事</div>
        </div>
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="caultrueDiv" style="background-color: rgba(244,143,177,0.5); color: #EB3B76;;">
            <div class="top">
                <img src="image/philosophy.png">
                <div>人生观</div>
            </div>
            <div class="bottom">活出精彩，活出责任，活出价值</div>
        </div>
    </div>
</div>

</body>
</html>